<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
 
  <script>
const orders = [
  {
    id: 1,
    name: 'John Smith',
    address: '123 Main St',
    status: 'created',
    log: [
      {
        status: 'created',
        time: '2023-02-16 12:30:00'
      }
    ]
  },
  {
    id: 2,
    name: 'Jane Doe',
    address: '456 Second St',
    status: 'packed',
    log: [
      {
        status: 'created',
        time: '2023-02-16 10:00:00'
      },
      {
        status: 'packed',
        time: '2023-02-16 12:30:00'
      }
    ]
  },
  {
    id: 3,
    name: 'Bob Johnson',
    address: '789 Third St',
    status: 'shipped',
    log: [
      {
        status: 'created',
        time: '2023-02-15 10:00:00'
      },
      {
        status: 'packed',
        time: '2023-02-15 12:00:00'
      },
      {
        status: 'shipped',
        time: '2023-02-16 9:00:00'
      }
    ]
  }
];

       function getOrdersByStatus (data) {
        const arr= orders.filter(item => data ===item.status).map(item =>{
               const log1 = item.log.filter(sta => sta.status===data)
               return {
                    id: item.id,
                    name:item.name,
                    address: item.address,
                    status: item.status,
                    log: log1
            }
            }).sort((a,b) =>a.id-b.id)
            
           
         return arr
       }
       const res= getOrdersByStatus('shipped')
        console.log(res);
     
       function getOrderStatusHistory(num) {
      const arr= orders.filter(item =>item.id ===num)
         let newArr =[]
         arr.map(item=> { 
                     item.log.sort((a,b) =>{
                     return  a.time>b.time? 1:-1
                     })
              const res1 = item.log.map(item =>{
                       
                 return `[${item.time}]${item.status}`
             }) 
            
             newArr = res1
            })
          
            return newArr.join('\n')
       }
     
       console.log(getOrderStatusHistory(3));

  </script>
</body>
</html>